.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.flex-4 {
  flex: 4;
}
.flex-5 {
  flex: 5;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.white {
  color: #fff !important;
}

.text-nowrap {
  white-space: nowrap;
}
.pt-0 {
  padding-top: 0;
}

.mdi-email-outline {
  cursor: pointer;
}
img.background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.relative {
  position: relative;
}

.t-center {
  text-align: center;
}
img.cover {
  object-fit: cover !important;
}
img.logo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
}

.salary {
  color: #ff4060;
  font-size: 18px;
}

.color-white {
  color: white;
}

.pointer {
  cursor: pointer;
}

.text-ellipsis-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.gap-bottom {
  padding-bottom: 370px;
}

.no-scrollbar {
  &::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  &::-webkit-slider-thumb {
    width: 0;
    height: 0;
  }
}
.scroll-x {
  overflow-x: scroll;
}

.flex-ellipsis {
  display: flex;
  align-items: center;
  justify-content: space-between;
  & > div {
    &:first-child {
      flex: 1;
      max-width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
    }
  }
}

@media screen and (max-width: 768px) {
  img.logo {
    width: 164px;
    height: 164px;
  }
}
